<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
	<title>Student Network</title>
	<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
	<link rel="stylesheet" href="style.css" type="text/css"> 
	<link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection">
	<link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print"> 
	<!--[if lt IE 8]>
	    <link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection">
	<![endif]-->
	<link rel="stylesheet" href="blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="style_mxh.css" type="text/css">
</head>

<body>

<div class="stripeContainer">
<div id="mainContainer" class="container ">
	<!-- top menu -->
	<div id="top-menu" class="span-24 last">
		<div id="page-area" class="span-12">
			<a href="#">Home</a> 
			<a href="#">Profile</a>
			<a href="#">Circle</a>
		</div>
		<div id="member-area" class="span-8 last prepend-4 align-right">
			<a href="#">You have 2 new message</a>
			<a href="#">Settings</a>
		</div>
	</div>
	<hr class="space" />
	<!-- end top menu -->
	
	
	<!-- header -->
    <div id="header" class="span-24 last">
    	<div id="logo-area" class="span-12">
			<h1><img src="" alt="Student Network" id="header-image" /></h1>
		</div>
		<div id="card-area" class="span-8 last prepend-4 align-right">
			<input type="text" value="search friends, groups">
		</div>
    </div>

    <!-- end header -->
    
    <!-- menu -->
    <div id="main-menu" span="span-24 last ">
    	Your circles: All | Friends | Lop 12A12 | Lop QL03A1
    </div>
   
    <hr />
    <!-- end menu -->
    
    <div id="content" class="span-17 colborder">
    	
    	<div class="span-16 last prepend-1">
    		<div class="span-3" id="user_img">
    			<div class="post_author">
    				Truong Kim Minh
    			</div>
    			<img src="http://lh5.googleusercontent.com/-SshUrDfOp1o/AAAAAAAAAAI/AAAAAAAAALE/3E5tXdWUQck/s48-c-k/photo.jpg" height="48px" width="48px">
    			<br>09:55 23-02
    		</div>
    		<div class="span-13 last">
    			
    			<div class="post_content">
    				hahaha
    			</div>
    			<div class="post_comment">
    				155 people likes this and 73 comments
    			</div>
    			<div class="post_links">
    				Like - Share
    			</div>
    			<div class="span-13 last post_comment_list">
    				<div class="span-2">
    					<div class="post_author">
		    				Truong Kim Minh
		    			</div>
		    			<img src="http://lh5.googleusercontent.com/-SshUrDfOp1o/AAAAAAAAAAI/AAAAAAAAALE/3E5tXdWUQck/s48-c-k/photo.jpg" height="28px" width="28px">
		    			<br>09:55 23-02
    				</div>
    				<div class="span-10 post_comment_detail">kakak</div>
    			</div>
    			<div class="span-13 last post_comment_list">
    				<div class="span-2">
    					<div class="post_author">
		    				Truong Kim Minh
		    			</div>
		    			<img src="http://lh5.googleusercontent.com/-SshUrDfOp1o/AAAAAAAAAAI/AAAAAAAAALE/3E5tXdWUQck/s48-c-k/photo.jpg" height="28px" width="28px">
		    			<br>09:55 23-02
    				</div>
    				<div class="span-10 post_comment_detail">kakak</div>
    			</div>
    			<div class="post_add_comment">
    				<input type="text" value="comment">
    			</div>
    		</div>
    		<hr />
    	</div>
    	
    		
    </div>
    
    <div id="sidebar" class="span-6 last">
    	aaa
    </div>
    
    <hr class="space"/>
    <hr/>
    
    <div id="footer" class="span-24 last">
    	<div id="widget-footer" class="span-24 last">
    		<div id="wf1" class="span-8 colborder">
    			Liên hệ
    		</div>
    		<div id="wf2" class="span-8 colborder">
    			aaa
    		</div>
    		<div id="wf3" class="span-6 last">
    			aaa
    		</div>
    	</div>
    	
    	
    	
    	<div id="footer-left" class="span-17">
    		aaa
    	</div>
    	<div id="footer-right" class="span-7 last align-right">
    		© 2012 Student Network - All rights reserved. 
    	</div>
    </div>
</div>

</div>	
</body>
</html>